<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>lumina AI - 让学习 AI 变简单</title>
    <script src="../assets/js/tailwindcss.js"></script>
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#FFE45C',
                        secondary: '#FFE45C', // 主题色统一为柠檬黄
                        accent: '#10B981'
                    },
                    borderRadius: {
                        'none': '0px',
                        'sm': '2px',
                        DEFAULT: '4px',
                        'md': '8px',
                        'lg': '12px',
                        'xl': '16px',
                        '2xl': '20px',
                        '3xl': '24px',
                        'full': '9999px',
                        'button': '8px'
                    },
                    animation: {
                        'fade-in': 'fadeIn 0.6s ease-in-out',
                        'slide-up': 'slideUp 0.8s ease-out',
                        'bounce-gentle': 'bounceGentle 2s infinite'
                    },
                    keyframes: {
                        fadeIn: {
                            '0%': { opacity: '0' },
                            '100%': { opacity: '1' }
                        },
                        slideUp: {
                            '0%': { transform: 'translateY(30px)', opacity: '0' },
                            '100%': { transform: 'translateY(0)', opacity: '1' }
                        },
                        bounceGentle: {
                            '0%, 100%': { transform: 'translateY(0)' },
                            '50%': { transform: 'translateY(-10px)' }
                        }
                    }
                }
            }
        }
    </script>
    <!-- <link rel="preconnect" href="https://fonts.googleapis.com"> -->
    <!-- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> -->
    <link href="../assets/css/google-fonts-pacifico-inter.css" rel="stylesheet">
    <link href="../assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="../assets/css/lemon-milk.css" rel="stylesheet">
    <link href="../assets/css/google-fonts-montserrat.css" rel="stylesheet">
    <link href="../assets/css/index.css" rel="stylesheet">
</head>
<body class="min-h-screen font-['Inter'] scroll-smooth flex flex-col">
    <!-- 导航栏 -->
    <header class="fixed top-0 left-0 right-0 bg-white/95 backdrop-blur-md z-50 border-b border-gray-100 shadow-sm">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
            <div class="flex items-center gap-3">
                <a href="../index.html" class="flex items-center gap-3">
                    <span class="text-2xl text-black" style="font-family: 'Montserrat', Arial, sans-serif;">lumina AI</span>
                </a>
            </div>
            
            <!-- 桌面端导航 -->
            <nav class="hidden md:flex items-center gap-8 justify-center flex-1">
                <a href="../index.html" class="text-gray-600 hover:text-[#FFE45C] font-medium transition-colors duration-200">主页</a>
                <a href="../AiEntry/index.html" class="text-gray-600 hover:text-[#FFE45C] font-medium transition-colors duration-200">AI词条</a>
                <a href="../AiOpen/index.html" class="text-gray-600 hover:text-[#FFE45C] font-medium transition-colors duration-200">AI开源</a>
                <a href="./index.html" class="text-[#FFE45C] font-medium transition-colors duration-200">AI硬件</a>
                <a href="../AiPrompts/index.html" class="text-gray-600 hover:text-[#FFE45C] font-medium transition-colors duration-200">指令库</a>
                <a href="../AiBlog/index.html" class="text-gray-600 hover:text-[#FFE45C] font-medium transition-colors duration-200">博客</a>
            </nav>
            
            <!-- 工具区域 -->
            <div class="flex items-center gap-4">
                <button class="flex items-center gap-1 text-gray-600 hover:text-secondary hover:bg-gray-100 rounded-lg px-3 py-2 transition-all duration-200">
                    <i class="fab fa-weixin"></i>
                </button>
                <button class="flex items-center gap-1 text-gray-600 hover:text-secondary hover:bg-gray-100 rounded-lg px-3 py-2 transition-all duration-200">
                    <i class="fas fa-globe"></i>
                </button>
                <button class="flex items-center gap-1 text-gray-600 hover:text-secondary hover:bg-gray-100 rounded-lg px-3 py-2 transition-all duration-200">
                    <i class="fas fa-user"></i>
                </button>

                <!-- 移动端菜单按钮 -->
                <button class="md:hidden w-10 h-10 flex items-center justify-center text-gray-600 hover:text-secondary hover:bg-gray-100 rounded-lg transition-all duration-200" onclick="toggleMobileMenu()">
                    <i class="fas fa-bars"></i>
                </button>
            </div>
        </div>

        <!-- 移动端菜单 -->
        <div id="mobileMenu" class="md:hidden hidden bg-white border-t border-gray-100">
            <div class="px-4 py-6 space-y-4">
                <a href="../index.html" class="block text-gray-600 hover:text-[#FFE45C] font-medium py-2">主页</a>
                <a href="../AiEntry/index.html" class="block text-gray-600 hover:text-[#FFE45C] font-medium py-2">AI词条</a>
                <a href="../AiOpen/index.html" class="block text-gray-600 hover:text-[#FFE45C] font-medium py-2">AI开源</a>
                <a href="./index.html" class="block text-[#FFE45C] font-medium py-2">AI硬件</a>
                <a href="../AiPrompts/index.html" class="block text-gray-600 hover:text-[#FFE45C] font-medium py-2">指令库</a>
                <a href="../AiBlog/index.html" class="block text-gray-600 hover:text-[#FFE45C] font-medium py-2">博客</a>
            </div>
        </div>
    </header>

    <!-- 主要内容 -->
    <main class="pt-16 flex-1">
        <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
            <div class="min-h-[40vh] flex flex-col items-center justify-center text-center space-y-5">
                <div class="w-16 h-16 rounded-2xl bg-yellow-100 flex items-center justify-center">
                    <i class="fas fa-tools text-yellow-600 text-2xl"></i>
                </div>
                <h1 class="text-3xl sm:text-4xl font-bold text-gray-900">模块正在开发中</h1>
                <p class="text-gray-600">我们正在完善 AI 硬件内容，敬请期待。</p>
            </div>
        </div>
    </main>

    <!-- 底部 -->
    <footer class="bg-gray-50 border-t border-gray-200 py-8 mt-auto">
        <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center">
                <p class="text-gray-600 site-description"></p>
                <div class="text-xs text-gray-400 icp-number mt-2"></div>
            </div>
        </div>
    </footer>

    <!-- JavaScript -->
    <script src="../assets/js/common.js"></script>
    <script>
      // 动态加载页脚信息
      async function loadFooterInfo() {
        try {
          const response = await fetch('../config.json');
          if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
          }
          const config = await response.json();
          
          // 更新页脚信息
          const siteDescription = document.querySelector('.site-description');
          const icpNumber = document.querySelector('.icp-number');
          
          if (siteDescription && config.description) {
            siteDescription.textContent = config.description;
          }
          
          if (icpNumber && config.icp) {
            icpNumber.textContent = config.icp;
          }
        } catch (error) {
          console.error('加载页脚配置失败:', error);
        }
      }

      // 页面加载完成后加载页脚信息
      document.addEventListener('DOMContentLoaded', function() {
        loadFooterInfo();
      });
    </script>
</body>
</html> 